@charset "UTF-8";
@import "reset2.scss";

.car{
    width: 1000px;
    height: 2100px;
    margin: 0 auto;
    .car-process{
        padding-top: 46px;
        width: 810px;
        margin: 0 auto;
       .my-car{
           width: 270px;
           height: 68px;
           .my-car-num{
               margin-right: 180px;
               margin-top: 8px;
               font-size: 18px;
               color: #eb413d;
           }
           .my-car-line{
               margin-top: -34px;
               width: 213px;
               border: 1px solid #eb413d;
               
           }
           .my-car-text{
               margin-top: -28px;
               margin-right: 120px;
               color: #444f58;
           }
           .my-car-time{
               font-size: 14px;
               color: #b0b0b1;
               
           }
           
       }
           .check-car{
           width: 270px;
           height: 68px;
           .my-car-num{
               margin-right: 180px;
               margin-top: 8px;
               font-size: 18px;
               color: #eb413d;
           }
           .my-car-line{
               margin-top: -34px;
               width: 213px;
               border: 1px solid #eb413d;
               
           }
           .my-car-text{
               margin-top: -28px;
               margin-right: 106px;
               color: #444f58;
           }
          
           
       }
       .success-car{
           width: 270px;
           height: 68px;
           .my-car-num{
               margin-right: 180px;
               margin-top: 8px;
               font-size: 18px;
               color: #b0b0b1;
           }
           .my-car-line{
               margin-top: -34px;
               width: 213px;
               border: 1px solid #d9d9d9;
               
           }
           .my-car-text{
               margin-top: -28px;
               margin-right: 106px;
               color: #444f58;
           }
           
           
       }
    }
    .car-line{
        width:1000px;
        border-bottom: 4px solid #f8f8f8;
        margin-top: 192px;
        position: relative;
         .car-line1-1{
            width: 5%;
            border-bottom: 4px solid red;
           
           position: absolute;
            
        }
    }
    .car-title{
        margin-top: 20px;
        font-size: 20px;
    }
    form{
        .zong{
            width: 100%;
            height: 104px;
        
        .area{
           font-size: 13 px;
           color: #686f76;
           margin-right: 51px;
           margin-top: 56px;
           span{
               color: #eb413d;
               
           }
        }
        .city2{
            margin-left: 15px;
        }
        .city{
            width: 184px;
            height: 40px;
            border: 1px solid #e7e7e7;
            margin-top: 44px;
            .shuru{
                width: 92px;
                height: 30px;
                margin-left: 10px;
                margin-top: 4px;
                border: none;
                display: inline-block;
            }
            .xiaojiao{
                height: 40px;
                width: 38px;
                border-left: 1px solid #e7e7e7;
                text-align: center;
                line-height: 40px;
                
                position: relative;
                ul{
                    height: 160px;
                    width: 161px;
                    overflow-y: scroll;
                    overflow-x: hidden;
                    position: absolute;
                    right: 24px;
                    display: none;
                    li{
                        width: 144px;
                        height: 40px;
                        background: #e7e7e7;
                        text-align: left;
                        
                    }
                    li:hover{
                        background: red;
                    }
                }
            }
            .xiaojiao:hover{
                background: #99999a;
                
                
            }
            a:hover ul{
                display: block;
            }
        }
        }
        .address{
          height: 124px;
          width: 100%;  
        
        .address-text{
             font-size: 13 px;
           color: #686f76;
           margin-right: 51px;
           margin-top: 10px;
           span{
               color: #eb413d;
               
           }
           
        }
        .address-yu{
            width: 515px;
            height: 83px;
            border: 1px solid #e7e7e7;
            margin-left: 130px;
            textarea{
                width: 480px;
                height: 60px;
                border: none;
                margin: 16px 0 0 14px;
                resize: none;
            }
        }
        .address-tip{
            font-size: 13px;
            color: #eb413d;
            margin-left: 130px;
            line-height: 36px;
        }
        }
        .ems{
            width: 100%;
            height: 50px;
           

        
        .ems-text{
           font-size: 13px;
            input{
                width: 138px;
                height: 42px;
                margin-left: 68px;
                border:1px solid #e7e7e7;
                font-size: 18px;
            }
            span{
                display: inline-block;
                color: #eb413d;
                margin-left: 16px;
            }

        }
       }
       .people{
           width: 100%;
           height: 54px;
           .people-text{
               font-size: 13px;
               margin-right: 53px;
               margin-top: 10px;
               span{
                   color: #eb413d;
               }
           }
           .people-input{
               margin-top: 10px;
               input{
                   
              
             border:1px solid #e7e7e7 ;
             width: 138px;
                height: 42px;
                 }
           }
       }
       .phone{
           width: 100%;
           height: 66px;
           font-size: 13px;
           .phone-text{
              margin-right:72px ;
              margin-top: 28px;
           }
           .phone-code{
               width:170px ;
               height: 42px;
               border: 1px solid #e7e7e7;
               margin-top: 14px;
               .shuru{
                   width: 92px;
                height: 30px;
                margin-left: 10px;
                margin-top: 4px;
                border: none;
                display: inline-block;
               }
                .xiaojiao{
                height: 40px;
                width: 38px;
                border-left: 1px solid #e7e7e7;
                text-align: center;
                line-height: 40px;
                
                position: relative;
                ul{
                    height: 160px;
                    width: 172px;
                    position: absolute;
                    right: 0px;
                    display: none;
                    li{
                        width: 172px;
                        height: 40px;
                        background: #e7e7e7;
                        text-align: left;
                        
                    }
                    li:hover{
                        background: red;
                    }
                }
            }
           }
           .xiaojiao:hover{
                background: #99999a;
                
                
            }
            .xiaojiao:hover ul{
                display: block;
            }
            .phone-area{
               
                input{
                    width: 223px;
                    border: 1px solid #e7e7e7;
                    height: 42px;
                     margin-top: 12px;
                margin-left: 16px;
                }
            }
            .phone-san{
                .phone-san1{
                    width: 80px;
                    height: 42px;
                    border: 1px solid #e7e7e7;
                    margin-left: 14px;
                    margin-top: 14px;
                }
                a{
                    display: inline-block;
                    margin-left: 10px;

                }
                .phone-san2{
                    width: 120px;
                    height: 42px;
                    border: 1px solid #e7e7e7;
                    margin-left: 14px;
                    margin-top: 14px;
                }
                .phone-san3{
                    width: 80px;
                    height: 42px;
                    border: 1px solid #e7e7e7;
                    margin-left: 14px;
                    margin-top: 14px;
                }
                
            }
            .phone-tip{
                width: 100%;
                height: 20px;
                    font-size: 13px;
                    color:#eb413d ;
                    margin-left: 130px;
                    margin-top: 20px;
                }
       }
       .save{
           .tijiao{
               font-size: 13px;
               color: white;
               width: 183px;
               height: 50px;
               border-radius: 25px;
               background: red;
               margin-left: 130px;
               margin-top: 20px;
           }
           .gou{
              margin-left: 20px; 
           }
           a{
               display: inline-block;
               color: #919191;
               font-size: 14px;
               margin-left: 5px;
           }
       }
    }
    .car-line2{
        width:1000px;
        border-bottom: 4px solid #f8f8f8;
        margin-top: 32px;
        position: relative;
         .car-line2-2{
            width: 5%;
            border-bottom: 4px solid red;
           
           position: absolute;
            
        }
    }
    .pay{
        font-size: 20px;
        color: #444f58;
        margin-top: 29px;
    }
    .pay-text{
        margin-top: 25px;
        font-size: 13px;
        color: #878787;
        .left{
            text-align: right;
            p{
                margin-bottom: 18px;
            }
        }
        .right{
            margin-left: 96px;
            p{
                margin-bottom: 18px;
                color: #444f58;
                
            }
            .week{
                    margin-bottom: 0px;
                }
            .normal{
                    color: #878787;
            }
        }
    }
    .car-line3{
        width:1000px;
        border-bottom: 4px solid #f8f8f8;
        margin-top: 32px;
        position: relative;
         .car-line3-1{
            width: 5%;
            border-bottom: 4px solid red;
           
           position: absolute;
            
        }
    }
    .invoice{
         font-size: 20px;
        color: #444f58;
        margin-top: 29px;
    }
    .invoice-no{
        margin-top: 18px;
        color: #9a9a9a;
        a{
            color: #444f58;
        }
    }
    .car-line4{
        width:1000px;
        border-bottom: 4px solid #f8f8f8;
        margin-top: 32px;
        position: relative;
         .car-line4-1{
            width: 5%;
            border-bottom: 4px solid red;
           
           position: absolute;
            
        }
    }
    .car-title{
        margin-top: 20px;
        font-size: 20px;
    }
    .car-th{
        width: 100%;
        height: 46px;
        background: #f8f8f8;
        font-size: 13px;
        border: 1px solid #e7e7e7;
        margin-top: 24px;
        color: #a7a7a8;
        
        .commdity{
            margin-left: 73px;
            margin-top: 17px;
        }
        .name{
            margin-left: 164px;
            margin-top: 17px;
        }
         .size{
            margin-left: 216px;
            margin-top: 17px;
        }
        .nump{
            margin-left: 112px;
            margin-top: 17px;
        }
        .offer{
            margin-left: 108px;
            margin-top: 17px;
        }
        .pirce{
            margin-left: 112px;
            margin-top: 17px;
        }
        
   
    }
    .car-td{
        width: 100%;
        height: 175px;
        border: 1px solid #e7e7e7;
        margin-top: -1px;
        font-size: 13px;
        color: #444f58;
        
        .img{
            margin-top: 43px;
            margin-left: 48px;
        }
        .introduce{
            margin-left: 46px;
            margin-top: 36px;
            line-height: 26px;
            p{
                margin-top: 46px;
            }
        }
        .xl{
           margin-left: 130px;
           margin-top: 38px;
            
        }
        .numb{
            margin-left: 120px;
            margin-top: 34px;
            
           
            
            
        }
        .discount{
            margin-left: 120px;
            margin-top: 38px;
            color: #ec5451;
        }
        .money{
            margin-left: 100px;
            margin-top: 38px;
            color: #ec5451;
        }
        
        
        
        
    }
    .note{
        margin-top: 22px;
        font-size: 13px;
        color:#a0a4a7;
        input{
            width: 518px;
            height: 38px;
            font-size: 20px;
            border: 1px solid #e7e7e7;
        }
    }
    .all{
        margin-top: 22px;
        .all-l{
            text-align: right;
            margin-right: 28px;
            line-height: 32px;
            color: #b4b4b4;
        }
        .all-r{
            text-align: right;
            margin-right: 28px;
            line-height: 32px;
            color: #eb413d;
        }
    }
    .total-price{
        width: 100%;
        height: 88px;
        background: #f8f8f8;
        border: 1px solid #e7e7e7;
        margin-top: 86px;
        p{
            float: right;
            margin-right:27px ;
            margin-top: 27px;
            font-size: 14px;
            
            a{
                font-size: 30px;
                color: #eb413d;
                vertical-align:middle;
                font-weight: bold;
               
            }
        }
    }
    .clearing{
       width: 174px;
        height: 44px;
        border: 2px solid #eb413d;
        background: #eb413d;
        border-radius: 25px;
        text-align: center;
        line-height: 40px;
        color: white;
        margin-top: 14px;
   }
    
}